<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  p.x-small {font-size: x-small;}
  p.small {font-size: small;}
  p.medium {font-size: medium;}
  p.large {font-size: large;}
  p.x-large {font-size: x-large;}

 </style>
</head>
<body>
 <script src="ie7-demo.js"></script>
 <h2>font-size: <i>name</i></h2>

 <p class="x-small">This paragraph is <em>extra small</em>.</p>
 <p class="small">This paragraph is <em>small</em>.</p>
 <p class="medium">This paragraph is <em>medium</em>.</p>
 <p class="large">This paragraph is <em>large</em>.</p>
 <p class="x-large">This paragraph is <em>extra large</em>.</p>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
